/* Setech | Just another HTML Template  */

@media only screen and (max-width: 1600px){
	.header-style-four .header-top .inner-container,
	.header-style-four .menu-box{
		max-width: initial;
    	margin: 0;
	}

	.main-slider h2{
		font-size: 45px;
	}
}
@media only screen and (max-width: 1299px){
	.quote-style-one p br,
	.main-header .service_wrapper{
		display: none;
	}
}
@media only screen and (max-width: 1139px){
	.quote-style-one p br,
	.main-header .service_wrapper{
		display: none;
	}

	.main-menu .navigation > li > .mega-menu{
		width: 1110px !important;
	}

	.fluid-section-three .content-column > .inner-column,
	.services-section.style-two .text-column .inner-column{
		padding-left: 15px;
	}

	.testimonials-section-two{
		padding: 100px 0 70px;
	}

}

@media only screen and (max-width: 1023px){
	.hide-sm,
	.main-header .header-top,
	.main-header .main-box{
		display: none !important;
	}

	.main-header{
		position: relative;
	}

	.mobile-header{
		position: relative;
		display: block;
		width: 100%;
		background-color: #ffffff;
		margin: 0;
		padding: 20px 15px;
	}

	.nav-outer .mobile-nav-toggler{
		display: block;
	}

	.main-header .nav-outer .main-menu{
		display: none;
	}

	.nav-outer .mobile-nav-toggler{
		padding: 5px 0;
	}

	.mobile-header.fixed-header{
		position: fixed;
		top: 0;
		width: 100%;
	}

	.fixed-header .mobile-sticky-header{
		opacity: 1;
		visibility: visible;
	}
	
	/*=== Mega Menu Style ===*/

	.mega-menu{
		width: 100% !important;
	}

	.mobile-menu .navigation > li.has-mega-menu{
		position:relative !important;	
	}
	
	.mobile-menu .navigation > li .mega-menu-bar .column{
		padding:0px;

	}
	
	.mobile-menu .navigation > li > .mega-menu{
		position:relative;
		width:100%;
		padding:0px !important;
		background:none !important;
		margin:0px !important;
		left:0px !important;
		top:0px !important;	
	}
	
	.mobile-menu .navigation > li > .mega-menu .row{
		margin:0px;
		width:100%;	
	}

	.mobile-menu .navigation > li > .mega-menu:before,
	.mobile-menu .navigation > li > .mega-menu,
	.mobile-menu .navigation > li .mega-menu-bar > ul{
		position:relative;
		border:none;
		float:none;
		visibility:visible;
		opacity:1;
		display:none;
		margin:0px;
		left:auto !important;
		right:auto !important;
		top:auto !important;
		padding:0px;
		outline:none;
		width:100%;
		background:#ffffff;
		-webkit-border-radius:0px;
		-ms-border-radius:0px;
		-o-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;
		transition:none !important;
		-webkit-transition:none !important;
		-ms-transition:none !important;
		-o-transition:none !important;
		-moz-transition:none !important;
		-webkit-box-shadow:none;
		-ms-box-shadow:none;
		-o-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}

	.mobile-menu .navigation > li .mega-menu-bar .column > ul > li{
		border-bottom:none;
		opacity:1 !important;
		top:0px !important;
		left:0px !important;
		visibility:visible !important;
	}
	
	.mobile-menu .navigation > li > .mega-menu{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

	/*=== End Mega Menu Style ===*/

	.main-footer .widget-title{
		margin-bottom: 20px;
	}

	.sec-title h3{
		font-size: 28px;
	}

	.main-slider{
		text-align: center;
	}

	.fact-counter{
		padding-top: 50px;
	}

	.fact-counter .counter-column{
		margin-top: 0;
	}

	.fact-counter .counter-column .inner-column{
		padding: 30px;
		text-align: center;
	}

	.fact-counter .counter-column .icon{
		position: relative;
		display: block;
		margin: 0 auto 15px;
		border-radius: 10px;
	}
	.fluid-section-four .image-column,
	.contact-form-section .image-column,
	.fluid-section-four .image-column .image-layer,
	.fluid-section-three .image-column .image-layer,
	.fluid-section-two .image-column,
	.fluid-section-three .image-column,
	.brand-block .image-column{
		height: 300px;
		border-radius: 0;
	}

	.contact-form-section .layer-image{
		left: 15px;
		right: 15px;
		width: auto;
	}

	.fluid-section-four .image-column{
		margin: 0;
	}

	.services-section .text-column .inner-column{
		padding-right: 0;
	}

	.features-section{
		padding: 70px 0 30px;
	}

	.features-section .feature-block-three{
		position: relative;
		margin-top: 0;
		margin-bottom: 30px;
	}

	.fluid-section-two .content-column .inner-column{
		padding: 70px 15px;
		min-width: 100%;
	}

	.call-to-action.style-three .btn-box{
		text-align: center;
	}

	.call-to-action.style-three .theme-btn{
		margin: 0 15px 15px;
		text-align: center;
	}

	.services-section.style-two .row{
		margin: 0;
	}

	.services-section.style-two .text-column .inner-column{
		padding: 0;
		width: 100%;
	}

	.features-section-three .skills-outer .inner-column,
	.fluid-section-two.style-two .content-column{
		padding-left: 0;
	}

	.fluid-section-four .content-column .inner-column,
	.fluid-section-three .content-column > .inner-column{
		padding: 0;
	}

	.banner-box-five .content{
		padding: 60px;
	}

	.row.content .column{
		margin-bottom: 30px;
	}

	.blog-checkerboard .news-block{
		padding: 0 15px;
	}

	.blog-checkerboard .news-block.style-two .image-box .date{
		right: auto;
		left: 0;
		border-top-right-radius: 0;
	}

	.blog-checkerboard .news-block .inner-box,
	.blog-checkerboard .news-block.style-two .inner-box{
		flex-direction: column;
	}

	.blog-checkerboard .news-block .image-box,
	.blog-checkerboard .news-block.style-two .image-box{
		order: 0;
		width: 100% !important;
	}

	.blog-checkerboard .news-block .lower-content,
	.blog-checkerboard .news-block.style-two .lower-content{
		text-align: left;
		width: 100% !important;
	}

	.right-sidebar .content-side .our-shop, 
	.right-sidebar .content-side .blog-post, 
	.right-sidebar .content-side .blog-sidebar{
		margin-right: 0;
	}

	.right-sidebar .sidebar-side .sidebar{
		padding-left: 0;
	}

	.left-sidebar .sidebar-side{
		order: 2;
	}

	.left-sidebar .sidebar-side .sidebar{
		padding-right: 0;
	}

	.left-sidebar .content-side .blog-post, 
	.left-sidebar .content-side .blog-sidebar{
		margin-left: 0;
	}

	.portfolio-motion-category .category-column{
		max-width: 100%;
		width: 100%;
		text-align: left;
	}

	.portfolio-motion-category .category-title{
		text-align: left;
		margin-left: 0;
		margin-right: 0;
		padding-right: 30px;
	}

	.portfolio-motion-category .category-title .toggle-btn{
		display: block;
	}

	.portfolio-motion-category .category-column .blocks-outer{
		display: none;
		margin-bottom: 30px;
		max-height: 50vh;
	}

	.portfolio-single .portfolio-single-content{
		flex-direction: column;
	}

	.portfolio-single .portfolio-single-content .aside-part{
		padding-left: 0;
		margin-left: 0;
		border-left: 0;
		margin-top: 30px;
	}

	.portfolio-single-images.images-gallery .image{
		width: 33.3333333%;
	}

	.product-details .basic-details .details-header h4{
		font-size: 32px;
	}

	.news-block.style-two-even .inner-box{
		flex-direction: column;
	}

	.news-block.style-two-even .lower-content, 
	.news-block.style-two-even .image-box{
		width: 100%;
	}

	.news-block.style-two-even{
		padding: 0 15px;
	}

	.content-elements .row.content.buttons .column{
		text-align: left !important;
	}
}

@media only screen and (max-width: 767px){
	.process-section .xy-gray-box{
		 margin: 0px;
	}
	.process-block h4{
		margin: 0px;
	}

	.features-section-three .services-outer{
		padding-top: 50px;
	}

	.call-to-action .content{
		flex-direction: column;
	}

	.call-to-action .sec-title-two{
		padding-left: 0;
		margin-bottom: 30px;
		text-align: center;
	}

	.call-to-action .sec-title-two .icon{
		position: relative;
		display: inline-block;
		left: 0;
		top: 0;
		margin: 0 auto;
	}

	.sec-title-two h3{
		font-size: 26px;
	}

	.feature-block .image-column,
	.feature-block .content-column{
		min-height: 450px;
	}

	.process-section .btn-box .text br,
	.process-block .icon-box .roadmap-divider,
	.feature-block .text br{
		display: none;
	}

	.process-block .inner-box{
		text-align: center;
	}

	.process-block .icon-box{
		display: inline-block;
	}

	.main-slider h2{
		font-size: 34px;
	}

	.free-consultation{
		background-image: none !important;
		background-color: #eee;
		padding: 70px 0;
	}

	.call-to-action.style-three .sec-title-two,
	.free-consultation .column .inner-column{
		padding-left: 0;
	}

	.page-title{
		padding: 28px 0px 15px;
	}
	
	.page-title h1{
		font-size: 46px;
	}

	.process-block-two .inner-box,
	.fact-counter-two .counter-column .inner-column{
		text-align: center;
	}

	.process-block-two .icon-box .roadmap-divider{
		display: none;
	}

	.process-block-two .icon-box{
		display: inline-flex;
		margin-bottom: 0px;
	}

	.banner-box-five .content{
		flex-direction: column;
		align-items: flex-start;
	}

	.banner-box-five .content .desc{
		margin-bottom: 20px;
	}

	.portfolio-single-images.images-gallery .image{
		width: 50%;
	}

	.cart-table td.product-thumbnail a img{
		min-width: 50px;
	}
	.post-controls .post img {display: none;}
	.post-controls .post {padding-left: 50px;}
	.post-controls .next-post .post {padding-right: 0;padding-left: 50px;}
	.post-controls .next-post .post:hover {padding-right: 0;}
	.post-controls .prev-post .post:hover {padding: 0;padding-left: 50px;}
	.post-controls {align-items: inherit;}
	.post-controls {flex-direction: row;}
	.post-controls .post {flex-direction: row;align-items: center;flex-wrap: wrap;}
	.post-controls .post h5 {margin-bottom: -22px;}
}	

@media only screen and (max-width: 599px){
	.news-block .post-option .social-share{
		margin-left: 20px;
	}

	.consultation-section .form-style-one{
		padding: 40px 20px 20px;
	}

	.sec-title-two{
		padding-left: 0;
	}

	.sec-title-two .icon{
		position: relative;
		display: inherit;
		left: 0;
		top: 0;
		width: auto;
	}

	.fun-fact-section .text-column .text{
		padding-left: 0;
		text-align: center;
	}

	.quote-style-one .icon{
		position: relative;
		display: inline-block;
		margin-bottom: 20px;
	}

	.quote-style-one .author{
		padding-left: 0;
		padding-top: 10px;
		margin-top: 10px;
	}

	.quote-style-one .author:before{
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
	}

	.quote-style-one{
		padding: 0;
		text-align: center;
	}

	.brand-section .upper-banner{
		text-align: center;
	}

	.main-slider h2{
		font-size: 22px;
	}

	.main-slider .text{
		font-size: 14px;
		line-height: 20px;
	}

	.testimonials-section-two .testimonial-carousel{
		padding: 0;
	}

	.brand-block .content-column .inner-column{
		padding: 40px 15px 40px;
	}

	.feature-block-two .icon{
		position: relative;
		display: inline-block;
		margin-bottom: 20px;
	}

	.feature-block-three .inner-box .content,
	.feature-block-two .inner-box{
		padding-left: 0;
		text-align: center;
	}

	.testimonials-block-two p{
		font-size: 18px;
		line-height: 28px;
	}

	.request-form .form-group button{
		width: 100%;
	}

	.feature-block-three .inner-box .icon{
		display: inline-block;
		position: relative;
		top: 0;
		margin-bottom: 20px;
		transform: none;
	}

	.service-block-two .icon{
		position: relative;
		display: inline-block;
		margin-bottom: 20px;
	}

	.service-block-two .inner-box{
		padding-left: 0;
	}

	.feature-block-four .inner-box{
		padding: 40px 20px;
	}

	.page-title h1{
		font-size: 28px;
	}

	.brand-block h2{
		font-size: 24px;
	}

	.fact-counter-three .counter-column .icon{
		position: relative;
		display: block;
		margin:0 auto 20px;
	}

	.fact-counter-three .counter-column .inner-column{
		padding: 30px;
		text-align: center;
	}

	.testimonials-block .inner-box{
		padding: 60px 30px;
		text-align: center;
	}

	.testimonials-block .image{
		position: relative;
		right: 0;
		margin: 0 auto 20px;
	}

	.banner-box-five .content{
		padding: 30px;
	}

	.testimonials-block-three .text{
		font-size: 18px;
		line-height: 1.4em;
	}

	.banner-box-six .title{
		font-size: 18px;
	}

	.author-box .image-box{
		position: relative;
		display: inline-block;
		margin-bottom: 20px;
	}

	.author-box .inner-box{
		padding-left: 0;
		text-align: center;
	}

	.post-controls{
		flex-direction: row;
		justify-content: space-between;
	}

	.post-controls > div{
		margin: 20px 0;
		width: 100%;
	}

	.post-controls .next-post .post:before,
	 .post-controls .next-post .post img{
	 	right: auto;
	 	left: 0;
	 }

	 .post-controls .next-post .post:hover{
	 	padding-right: 0;
	 }

	 .post-controls .next-post .post:hover img{
	 	left: 35px;
	 }

	.post-controls .archive-dots{
		display: none;
	}

	.post-controls .title,
	.post-controls .next-post .post{
		padding-right: 0;
		text-align: left;
	}

	.news-block .post-format-quote,
	.news-block .post-format-link{
		padding: 70px 30px;
	}

	.news-block .post-format-quote,
	.news-block .post-format-link a{
		font-size: 22px;
		line-height: 1.2em;
	}

	.portfolio-asymetric .portfolio-block{
		margin-bottom: 20px;
	}

	.portfolio-asymetric .portfolio-block .inner-box{
		padding: 0 !important;
	}

	.portfolio-single h3{
		font-size: 24px;
	}

	.shop-upper-box{
		flex-direction: column;
		display: flex;
	}

	.shop-upper-box > div{
		width: 100%;
		margin-top: 10px;
		text-align: center;
	}

	.checkout-page .coupen-outer .form-group .theme-btn,
	.cart-section .totals-table .theme-btn{
		width: 100%;
	}

	.checkout-page .coupen-outer .upper-box button{
		display: none;
	}

	.contact-form-section .contact-form{
		padding: 40px 20px;
	}

	.contact-info-block .inner-box{
		padding-left: 0;
		text-align: center;
	}

	.contact-info-block .thumb{
		position: relative;
		display: inline-block;
		margin:0 auto 20px;
	}

	.shop-single .products-carousel-outer{
		padding-left: 0;
	}

	.shop-single .products-carousel-outer .thumbs-carousel img{
		transform: none;
	}

	.shop-single .products-carousel-outer .thumbs-carousel{
		position: relative;
		left: 0;
		top: 0;
		transform: none;
	}

	.post-controls .post{
		justify-content: flex-start;
	}

	.post-controls .title{
		margin-bottom: 5px;
	}

	.blog-post > .news-block .date{
		padding: 15px 30px 10px 10px;
	}
}

@media only screen and (max-width: 576px) {
	.post-controls .post > h5 {display: none;}
	.post-controls .post > span {display: none;}
	.post-controls .prev-post .post::after {content: 'Prev Post'; color: #4C4C4D; }
	.post-controls .next-post .post::after {content: 'Next Post'; color: #4C4C4D; }
	.post-controls .title {display: none;}
	.post-controls .post:before {background-color: inherit; color: #3b7eff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
	.post-controls .post:hover:before {background-color: #3b7eff;color: #fff;width: 40px;}
	.post-controls .next-post .post {float: right;padding-left: 0;padding-right: 50px;}
	.post-controls .next-post .post:before {left: auto;right: 0;}
	.post-controls .next-post .post:hover {padding: 0;padding-right: 50px;}
	.post-controls > div {margin: 0;}
	.post-controls {padding: 10px 0;}
}

@media only screen and (max-width: 479px){

	.cart-section .apply-coupon .form-group .theme-btn,
	.cart-section .apply-coupon .form-group,
	.cart-section .apply-coupon .input{
		width: 100%;
		min-width: 100%;
		margin-left: 0;
	}
	.main-slider h2{
		font-size: 18px;
	}
	.order-box table td {font-size:14px;}
	.post-controls .post h5 {font-size: 14px;line-height: 20px;margin-bottom: -2px;}
	.post-controls .post .post-date {font-size: 12px;}
}
